/**
 * Created with Vim7.3 Mac
 * @fileOverview : 
 * @author : Lyle lylechen2014@gmail.com
 * @since : 2016-08-29 11:35:43
 * @filename : src/components/userProfilePrivateAlbum.js
 * @version : 
 * @description : 
 */

import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    View,
    Image,
    TouchableOpacity,
    ScrollView
} from 'react-native';

let { width, height } = Utils.size;
let userObj;

class UserProfilePrivateAlbum extends Component {

    constructor(props) {
        super(props);
        userObj = this.props.userInfo;
        this.state = {};

    }

    render() {
        return (
          <View style={styles.userProfilePrivateAlbum}>
                <View style={styles.button}>
                    <Text style={styles.buttonText}> Request access to Private Album </Text>
                </View>
                <Text style={styles.buttonDes}>Sorry! You don't have access to {userObj.account.username}'s private album.</Text>
            </View>
        );
    }
   
}

const styles = StyleSheet.create({

    userProfilePrivateAlbum: {
      flex:1,
      width:width,
      height:height-width*2/3-60-40,
      backgroundColor:'#fff',
      paddingTop:10,
    },

    button: {
       marginLeft:20,
       marginRight:20,
       marginTop:40,
       marginBottom:10,
       height:40,
       backgroundColor:'#56ade0',
       borderRadius:5,
       overflow:'hidden',
       alignItems: 'center',
       justifyContent: 'center',  
    },

    buttonText: {
       color:'#fff',
       textAlign:'center',
       fontSize:14,
    },

    buttonDes: {
       marginLeft:20,
       marginRight:20,
       color:'#666',
    },

});

export default UserProfilePrivateAlbum;

